<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>招募裁判</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../lib/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/xadmin.css">
    <script src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/vue.min.js"></script>
    <style>
        tr td,
        tr th {
            text-align: center !important;
            border: none !important;
        }

        .layui-laydate-content tr td {
            border-bottom: none !important;
            border-top: none !important;
        }

        tr td {
            border-bottom: 1px solid #eee !important;
            border-top: 1px solid #eee !important;
        }

        .shaixuan .layui-col-md12 .layui-inline {
            margin: 0;
        }

        .shaixuan .layui-col-md12 .layui-inline.layui-col-md3 .layui-form-label {
            width: 30%;
            padding-left: 0;
        }

        .shaixuan .layui-col-md12 .layui-inline.layui-col-md3 .layui-input-inline {
            width: 53%;
        }

        .rotate {
            transform-origin: center center;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transition: transform 0.2s;
            -moz-transition: -moz-transform 0.2s;
            -moz-transition: -moz-transform 0.2s;
            -o-transition: -o-transform 0.2s;
            -ms-transition: -ms-transform 0.2s;
        }

        .rotate1 {
            transform-origin: center center;
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transition: transform 0.2s;
            -moz-transition: -moz-transform 0.2s;
            -moz-transition: -moz-transform 0.2s;
            -o-transition: -o-transform 0.2s;
            -ms-transition: -ms-transform 0.2s;
        }
    </style>
</head>

<body>
    <div class="layui-fluid" id="All_List">
        <div class="layui-card-body layui-table-body layui-table-main">
            <!-- 表格部分开始 -->
            <table id="match_list1" lay-filter="test1" lay-data="{id: 'testReload1'}"></table>
            <!-- 表格结束 -->
        </div>
    </div>
    <script>
        var dataId;

        function child(d) {
            dataId = d
            layui.use(['table', 'laydate'], function () {
                var table = layui.table;
                var form = layui.form;
                var laydate = layui.laydate;
                var index = layer.load(1); //添加laoding,0-2两种方式
                var table1 = table.render({
                    elem: '#match_list1', //指定原始表格元素选择器（推荐id选择器）
                    // height: 600,
                    width: "100%",
                    where: {
                        "competitionId": dataId,
                    },
                    // 附加参数，post token
                    loading: true,
                    method: 'get',
                    url: findTeamApplyListByNewcompetitionId, //数据接口
                    page: true, //开启分页
                    // toolbar: 'default', //开启工具栏，此处显示默认图标
                    cols: [
                        [ //表头
                            // { type: 'checkbox', fixed: 'left' },
                            {
                                field: 'id',
                                title: 'ID',
                                width: 150
                            },
                            {
                                field: 'name',
                                title: '赛事名称',
                                width: 150
                            },
                            {
                                field: 'linkman',
                                title: '联系人',
                                width: 150
                            },
                            {
                                field: 'fixationTel',
                                title: '固定电话',
                                width: 150
                            },
                            {
                                field: 'linkTel',
                                title: '联系电话',
                                width: 150
                            },
                        ]
                    ],
                    id: 'testReload1',
                    done: function (res) {
                        console.log(res)
                        if (res.msg == "2") {
                            parent.window.location.href = getRequestPrefix() +
                                "/footBallAdmin/login.html"
                        }
                        layer.close(index)
                    }
                });
            });
        }


        function show_img(t) { //放大图片
            var t = $(t).find("img");
            //页面层
            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['300px', '343px'], //宽高
                shadeClose: true, //开启遮罩关闭
                end: function (index, layero) {
                    return false;
                },
                content: '<div style="text-align:center;width:100%;height: 100%;overflow: hidden"><img src="' +
                    $(t)
                    .attr('src') + '" style="width:100%;height: 100%;display: block;margin: 0 auto;"/></div>'
            });
        }
    </script>
</body>

</html>